/*******************************
            基础
*******************************/
// 字号
$farris-font-size-base: 0.875rem !default;
/*******************************
            页头
*******************************/
//布局-卡片-页头——标题到页面边界的距离，辅助计算 22px
$f-pt-listview-header-boundary-distance: 1.325rem !default;
// Header区域——内间距——横向间距 22px
$f-pt-header-inner-gutter-x: 1.375rem !default;
// Header区域——元素间距通用值 14px
$f-pt-header-common-gutter-y: 0.875rem !default;
// 带方案的模板——页头——内间距
$f-pt-card-scheme-header-inner-gutter: 0.875rem !default;
//组件-页头-标题icon-右-间距 12px
$f-el-header-title-icon-right-gutter: 0.75rem !default;
//模板——表单——头部——最小高度 
$f-pt-header-base-height: 3.125rem !default;
//  Header区域——高度
$farris-ptlayout-header-height: $f-pt-header-base-height !default;
// Header区域——内间距
$farris-ptlayout-header-inner-gutter: $f-pt-header-common-gutter-y $f-pt-header-inner-gutter-x !default;

//模板——表单——头部——标题图标icon——宽度和高度 
$f-pt-header-title-icon-size: 1.625rem !default;

//section 内边距 一级结构 二级结构相同
$f-pt-card-section-inner-gutter: 1rem 0.875rem !default;

//main主体区域外边距 s 6px m 8px
$f-pt-split-section-outer-gutter: 0.5rem !default;
//section 之间间距 2020/06 s 6px 
$f-pt-card-section-gutter-height: $f-pt-split-section-outer-gutter !default;
// Section——内间距——下间距 18px
$f-section-inner-gutter-bottom: 1rem !default;
/*******************************
            表单
*******************************/
// 输入控件两个分组之间的实际间距
$f-el-form-between-group-distance: 1rem !default;
//组件-表单-单标题-展开收起(文字与箭头)-右-间距 s 4px m 6px
$f-el-form-title-arrow-right-gutter: 0.375rem !default;
//组件-表单-单标题-input之间-上下-间距 m 12px
$f-el-form-title-input-top-bottom-gutter: 0.75rem !default;
//布局-卡片-一级信息结构-外间距 m 4px
$f-pt-card-one-section-outer-gutter: $f-el-form-between-group-distance - $f-el-form-title-input-top-bottom-gutter !default;
// 表单-分组-高度
$farris-formgroup-legend-height: 2rem !default;
/*******************************
            带筛选方案
*******************************/
//包含筛选方案或筛选组件的页面——Header——外间距
$f-pt-scheme-header-outer-gutter: $f-pt-split-section-outer-gutter !default;
//组件-筛选区-筛选方案-内边距  12px 14px
$f-el-filter-scheme-inner-gutter: 0.75rem 0.875rem (0.75rem - $f-el-form-title-input-top-bottom-gutter) !default;
$f-el-filter-scheme-outer-gutter: 0;
//左导航页面-筛选区—筛选方案-内边距 12px 14px
$f-pt-content-main-filter-scheme-inner-gutter: 0.75rem 0.875rem (0.75rem - $f-el-form-title-input-top-bottom-gutter) !default;
//左导航页面-筛选区—筛选方案-外间距
$f-pt-content-main-filter-scheme-outer-gutter: $f-pt-split-section-outer-gutter $f-pt-split-section-outer-gutter 0 !default;

/*******************************
           按钮
*******************************/
//按钮 用padding来撑开高度 s 2px m 4px
$f-btn-padding-y: 0.25rem !default;
//分页 按钮大小 用padding来区分大小 s 3px m 4px
$farris-pagination-padding-y: 0.25rem !default;
$farris-pagination-padding-x: 0.25rem !default;
$farris-pagination-padding-y-sm: 0.25rem !default;
$farris-pagination-padding-x-sm: 0.25rem !default;
$farris-pagination-padding-y-lg: 0.75rem !default;
//input输入框/select选择 s 2px m 4px
$f-input-btn-padding-y: $f-btn-padding-y !default;
//下拉按钮dropdown s 4px m 6px
$f-dropdown-item-padding-y: 0.375rem !default;
//btn-group 文字按钮之间间距 s 12px m 14px
$f-btn-group-gutter-y: 0.5rem !default;
//按钮——间距
$f-btn-outer-gutter-left: 0.5rem !default;

/*******************************
           Tabs
*******************************/
//tabs标签页 面板式 padding-y s 7px m 9px
$f-tabs-panel-nav-link-inner-gutter-y: 0.5265rem !default;
//Tab link的内间距
$f-pt-tabs-nav-link-inner-gutter: 0.875rem 0 0.75rem !default;
//Tab item的外间距
$f-pt-tabs-nav-item-outer-gutter: 0 2rem 0 0 !default;
//Tab Header的外间距
$f-pt-tabs-header-outer-gutter: 0 0 0.375rem 0 !default;
// Tab Header的内间距
$f-pt-tabs-header-inner-gutter: 0 !default;

//表格
//表格表头高度 s 34 m 42
$f-grid-header-cell-height: 2.625rem !default;
//表格内容高度 s 28 m 36
$f-grid-body-cell-height: 2.25rem !default;
$f-grid-body-cell-height-px: 36px !default;

//表格y方向padding值 s 4px m 8px 
$f-grid-cell-padding-y: 0.5rem !default;
//表格表头y方向 padding值 s 7px m 11px
$f-grid-header-cell-padding-y: 0.6875rem !default;
//表格编辑态下 padding高度变化 s 1px m 4px
$f-grid-cell-edit-padding-y: 4px !default;
//表格表头竖线高度 s 16 m 20
$f-grid-header-cell-line-height: 1.25rem !default;


//switch开关 s 40*22 m 44*24
$f-k-switch-size: 2.75rem !default;
//switch开关 外部 s 36 m 40
$f-k-switch-border-radius: 1.5rem !default;
//switch开关 圆形部分大小 s 18 m 20
$f-k-switch-handle-size: 1.25rem !default;

//输入控件 label距离下面输入框距离 s 6px m 8px
$f-input-label-bottom: 0.5rem !default;

//手风琴 标题部分 padding-y s 9px m 14px
$f-panel-bar-header-padding-y: 0.875rem !default;


//穿梭框中sm版区别
//s 30px m 36px 
$f-multi-select-title-height: 2.25rem !default;
// 内间距 14
$f-multi-seclect-common-gutter-x: 0.875rem !default;
// 查询上间距 14
$f-multi-select-search-top-gutter: 0.875rem !default;
// 列表项 上间距
$f-multi-select-listgroup-item-gutter-y: 0.375rem !default;
// 列表间距 12
$f-multi-select-listgroup-inner-gutter: (
        0.75rem-$f-multi-select-listgroup-item-gutter-y) 0 !default;

//modal内边距 padding s 14 14 m 16 14
$f-pt-modal-inner-gutter: 1rem 0.875rem !default;
// 外间距
$f-multi-select-listgroup-item-outer-gutter: 0 !default;
// 圆角
$f-multi-select-listgroup-item-border-radius: 0 !default;


/*******************************
           OnePage(S M)
*******************************/
//onepage tab区域-外边距 
$f-el-onepage-tabs-outer-gutter: $f-pt-split-section-outer-gutter $f-pt-split-section-outer-gutter 0 !default;
// OnePage页的滚动监听按钮
$f-scrollspy-tabs-monitor-btn-decoration-width: 2.25rem !default;
// OnePage——Tab按钮——内间距
$f-scrollspy-tabs-monitor-btn-inner-gutter: 0 0.875rem !default;
// OnePage——Tab按钮——外间距
$f-scrollspy-tabs-monitor-btn-outer-gutter: 0 0.375rem 0 0 !default;
/*******************************
           左右页面 (S M)
*******************************/
//左右结构，左侧扩展区域内边距 14px 14px 0 14px
$f-el-content-nav-extend-inner-gutter: 0.875rem 0.875rem 0 !default;


/*******************************
           Section (S M)
*******************************/
//Section 内间距 14px 14px 18px 14px
$f-section-inner-gutter: 0.875rem 0.875rem $f-section-inner-gutter-bottom !default;
// Header——内间距 22px -14px=8px
$f-section-header-inner-gutter: 0 0.5rem 0 0 !default;
// Header——外间距 14px
$f-section-header-outer-gutter: 0 0 0.875rem !default;
// Header——Title——内间距 12px
$f-section-header-title-inner-gutter: 0 0 0 0.75rem !default;
// Section 与Tab一起内间距 0 14px 18px 14px
$f-section-tab-inner-gutter: 0 0.875rem 1.125rem !default;
// Section 与表格一起内间距14px 14px 0 14px
//$f-section-grid-inner-gutter:0.875rem 0.875rem 0;
// Section与Form一起内间距 14px
$f-section-form-inner-gutter: 0.875rem 0 ($f-section-inner-gutter-bottom - $f-el-form-title-input-top-bottom-gutter) !default;


/*******************************
        导航页(S M)
*******************************/
// 导航页Listnav f-page-is-listnav
// 导航项——内间距 10px 20px 
$f-template-listview-nav-link-inner-gutter: 0.625rem 1.25rem !default;
// 导航项——装饰线——宽度 3px
$f-template-listview-nav-link-decoration-line-width: 0.1875rem !default;
// 导航项——鼠标滑过——内间距
$f-template-listview-nav-link-inner-gutter-hover-left: 1.25rem - $f-template-listview-nav-link-decoration-line-width !default;
// 导航项——标题-内间距  16px 20px
$f-pt-listnav-title-inner-gutter: 0.75rem 0.875rem 0.5rem !default;
// 导航项——内容区-上间距
$f-pt-listnav-content-inner-gutter: 0.75rem 0 !default;

/*******************************
        简单查询页
*******************************/
//查询section 外间距
$f-section-query-outer-gutter: $f-pt-split-section-outer-gutter $f-pt-split-section-outer-gutter 0 !default;
// 查询section
$f-section-query-common-gap: 0.875rem !default;
//查询section 内间距
$f-section-query-inner-gutter: 0.5625rem $f-section-query-common-gap (
        0.75rem - $f-el-form-title-input-top-bottom-gutter) !default;
// 向导顶部查询 like-query 与form一起使
$f-section-like-query-outer-gutter: 0 !default;
$f-section-like-query-inner-gutter: 0.5625rem 0 (0.75rem - $f-el-form-title-input-top-bottom-gutter) !default;

/*表格分页高度*/
$farris-grid-pager-inner-gutter: 1rem 0 0 !default;
$farris-grid-pager-height: 2.75rem !default;
$farris-total-row-height: 2.625rem !default;
$f-grid-header-height: 2.5625rem !default;
$f-grid-cell-height: 2.3125rem !default;